// .user_info_wrap {
//   position: relative;
//   height: 150rpx;
//   width: 100%;
//   overflow: hidden;
//   background-color: #f76007;
//   .login_btn {
//     position: absolute;
//     left: 50%;
//     transform: translateX(-50%);
//     top: 20%;
//     text-align: center;
//     color: white;
//   }
//   .user_inf {
//     display: flex;
//     width: 50%;
//     height: 100%;
//     // background-color: orchid;
//     float: right;
//     flex-direction: column;
//     align-self: center;
//     // align-items: center;
//     justify-content: center;
//     text-align: right;
//     overflow: auto;
//     color: white;
//     font-weight: bolder;
//     font-size: medium;
//   }
//   .user_icon {
//     // background-color: palegreen;
//     float: right;
//     width: 100rpx;
//     height: 100rpx;
//     border-radius: 50%;
//     margin: 20rpx 20rpx;
//   }
// }

.company {
  display: flex;
  width: 100%;
  height: 300rpx;
  background-color: #f76007;
//   border-top: solid 1px gainsboro;
  .company_icon {
    float: left;
    width: 200rpx;
    height: 200rpx;
    border-radius: 50%;
    margin: 50rpx 20rpx;
  }
  .company_info {
    flex: 2;
    height: 100%;
    display: flex;
    float: left;
    flex-direction: column;
    align-self: center;
    margin-top: 50rpx;
    // justify-content: center;
    text-align: left;
    overflow: auto;
    .company_name {
      font-weight: bolder;
      font-size: x-large;
      margin: 20rpx 0;
    }
    .company_phone {
      color: gray;
    }
  }
}

.master {
  width: 100%;
  height: 400rpx;
  border-bottom: #eeeeee 25rpx solid;
  border-top: #eeeeee 25rpx solid;
  .master_title {
    height: 20%;
    // background-color: greenyellow;
    display: flex;
    justify-content: space-between;
    text {
      margin: 20rpx 20rpx;
    }
  }
  .masters {
    // background-color: gold;
    height: 80%;
    .m1 {
      text-align: center;
      float: left;
      //   background-color: hotpink;
      width: 25%;
      height: 50%;
      .user_icon {
        margin-top: 20rpx;
        width: 80rpx;
        height: 80rpx;
        border-radius: 50%;
      }
      .user_name {
        // color: white;
        font-size: 20rpx;
      }
    }
  }
}

.tool {
//   background-color: greenyellow;
  height: 300rpx;
  .tool_header {
    margin: 10rpx 20rpx;
    font-size: large;
    font-weight: bolder;
  }
  .tools {
    text-align: center;
    // float: left;
    //   background-color: hotpink;
    width: 25%;
    height: 50%;
    .user_icon {
      margin-top: 20rpx;
      width: 80rpx;
      height: 80rpx;
      border-radius: 50%;
    }
    .user_name {
      // color: white;
      font-size: 20rpx;
    }
  }
}
